Brick Coast color palette — #DDEEFF · #0085D0 · #B50034 · #5B4B00 · #00201C

Ruby and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DDEEFF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0085D0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ruby (#B50034): A full-bodied, vivid red — the color of late-summer berries.
• Deep Olive (#5B4B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#00201C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged jewel, vibrant.

Use it as a design system

One click turns Brick Coast 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

• Hushed Basin color palette (#E7F1FF, #1E75FD, #AD3800, #4C4E00, #001A1C)
• Gentle Plum color palette (#DCE9FF, #607FFF, #BF0061, #574600, #002B27)
• Muted Plum Harbor color palette (#D4F3FF, #008A9E, #B10079, #683E00, #00210E)
• Iris Pier color palette (#F1F5FF, #7E85FF, #AA4E00, #436000, #00282F)
• Violet Villa color palette (#E6EDFF, #7F62EE, #7D4E00, #005715, #001721)
• Dusty Studio color palette (#E7F5FF, #00628E, #5F3D00, #3D2600, #1A1C00)
• Chestnut Lagoon color palette (#DEFFE4, #00949F, #815E00, #354200, #000A06)
• Byzantium Lantern color palette (#C9F0D1, #5F94FF, #9300F1, #6A4400, #201F59)

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