Brick Coast color palette — #FFEEE7 · #D98C85 · #309BBC · #B62126 · #002C3A

Ruby and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FFEEE7): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#D98C85): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#309BBC): A luminous, balanced blue — the color of open sky before noon.
• Ruby (#B62126): A full-bodied, vivid orange — the color of sun-warmed clay.
• Midnight (#002C3A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Balance. Tagged warm.

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

• Misty Mulberry Bloom color palette (#FDEEEA, #D28E96, #25A484, #A8354D, #003024)
• Chalky Terracotta color palette (#FFF2EC, #D58876, #0099B6, #9F4733, #024B5A)
• Chestnut Bloom color palette (#FDEFE3, #D2936A, #608DD6, #9A4C00, #0D264D)
• Sky Coast color palette (#FEF0FE, #F39CA0, #2EB2ED, #C05D65, #17485F)
• Amber Field color palette (#F3E2D4, #C96800, #007AAE, #753A00, #001827)
• Hazy Ember Boulevard color palette (#FFF0FB, #FFC4B6, #51CEE1, #D85F45, #004049)
• Lagoon Market color palette (#FFEFE0, #B68053, #009197, #007A80, #2F1802)
• Hushed Workshop color palette (#F7F1E4, #AFAD8E, #7F763E, #6A420E, #1F260E)

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