Cerulean Quarry color palette — #FDF1FA · #B3F3F7 · #20A1C5 · #006D4D · #002038

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

The five colors

• Ivory (#FDF1FA): a clean, paper-quiet neutral.
• Sea Foam (#B3F3F7): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#20A1C5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006D4D): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002038): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. 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

• Wandering Iris color palette (#FFF1F5, #D8DEFB, #6F91D3, #006871, #1C1347)
• Timeworn Turquoise Alley color palette (#FBF2F8, #D5D4E2, #5EB1DC, #00816C, #172F4D)
• Softworn Denim color palette (#F7EAF2, #5DAFC5, #005B86, #002C26, #000107)
• Patina Petrol color palette (#DFECEA, #7EC0C5, #007987, #004C47, #001A20)
• Weathered Cobalt Station color palette (#FDF1F8, #95D7F0, #2B80BE, #00524C, #010431)
• Feathered Lilac color palette (#DEFDFA, #67D385, #AB6FCD, #006E32, #280039)
• Washed Olive Thicket color palette (#D5FFFB, #BBE3EC, #A3C9FF, #797C21, #00271E)
• Worn Ultramarine color palette (#FDE8EE, #80BEF0, #4061B7, #003D44, #030011)

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