Pale Brick color palette — #D9E5F3 · #008261 · #B6003C · #160400 · #030003

Built around Ruby, softened by Teal — the whole palette hums with energy and balance.

The five colors

• Frost (#D9E5F3): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#008261): A full-bodied, balanced teal — the color of sea glass.
• Ruby (#B6003C): A full-bodied, vivid red — the color of a theater curtain.
• Ink (#160400): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Pale Brick into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Terracotta Workshop color palette (#E8DBF6, #006B75, #8F2B00, #0E0C03, #040002)
• Brick Harbor color palette (#CBE4EF, #0090BA, #C70033, #1A0700, #060100)
• Ancient Scarlet color palette (#D6DFF1, #00A26C, #E22D00, #220200, #050100)
• Tempered Mulberry Canyon color palette (#D8EAD0, #0083C6, #88007A, #170308, #020005)
• Tempered Cerulean Balcony color palette (#F8DFE2, #008BB7, #9A6500, #00100B, #000200)
• Rose Meadow color palette (#F2ECFF, #00B2B5, #FD216C, #30010E, #0A010C)
• Pale Amber color palette (#F8DCF6, #00A8B6, #C36E00, #230714, #050103)
• Bronze Drift color palette (#F0D9EA, #786700, #3E0500, #1A1706, #0A0000)

Browse the whole catalog at Explore, or see today's palette.