Cerulean Quarry color palette — #FBF2F9 · #BDE3F4 · #5293B2 · #306F5E · #36495F

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

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Powder Blue (#BDE3F4): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#5293B2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#306F5E): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#36495F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cerulean Quarry 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

• Ash Ridge color palette (#FCF2F5, #DADEEF, #8099C8, #4A7686, #4C5265)
• Patina Forest Summit color palette (#F6EFF5, #C5E2EE, #5895BA, #226E4D, #1A2C48)
• Turquoise Workshop color palette (#E9F8FF, #24B2CA, #C46E5B, #007284, #54384D)
• Teal Courtyard color palette (#F9F4ED, #C5E6E1, #7FC9E5, #23AEA0, #264C65)
• Hushed Sky color palette (#E7F9FF, #5AC1EA, #0082A3, #004F68, #003344)
• Softworn Canyon color palette (#AFF3DD, #18C9B9, #008691, #00657D, #2A4660)
• Muted Lagoon Delta color palette (#F5E6F0, #009391, #004451, #002412, #000B14)
• Muted Cerulean color palette (#EAF8FF, #0098B6, #AF6353, #825B1A, #253B47)

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