Cerulean Quarry color palette — #FDF2F6 · #C7E4FE · #96B2E6 · #089EAA · #2F3959

Cerulean takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FDF2F6): a clean, paper-quiet neutral.
• Powder Blue (#C7E4FE): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#96B2E6): A luminous, balanced violet — the color of wild irises.
• Cerulean (#089EAA): A luminous, balanced blue — the color of deep harbor water.
• Navy (#2F3959): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Tempered Lagoon color palette (#FDF1F9, #B9E9F9, #57C1E1, #3CA178, #193E58)
• Periwinkle Lagoon color palette (#EBF8F8, #DADDE8, #66ABEF, #007A9D, #192F4D)
• Ash Cabin color palette (#FBF2F6, #D9D4E2, #BDBDE6, #72AEB1, #495268)
• Sapphire Quarry color palette (#F5E3E8, #77A6CF, #4A6BD4, #005B67, #0B0027)
• Weathered Pine color palette (#E7DBE3, #85CFCC, #00A3BC, #00824A, #002334)
• Tempered Thicket color palette (#D1F6FD, #62D5C3, #F48E9A, #00A896, #56222A)
• Washed Turquoise color palette (#D4FFFF, #64E1ED, #00BDC4, #007F83, #002B2C)
• Weathered Station color palette (#DAEAD5, #63CE9D, #00B094, #00858A, #004554)

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