Cerulean Quarry color palette — #FFF2EC · #CDF0D0 · #00A2C5 · #006D4A · #002136

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Honeydew (#CDF0D0): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#00A2C5): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006D4A): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002136): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Linen Azure color palette (#FBF3EF, #C4EDFF, #3897E8, #006A66, #0F1848)
• Tempered Petrol color palette (#E9EADF, #69C4C7, #007985, #004C45, #001A20)
• Patina Turquoise Hollow color palette (#E3F2EF, #9CE1E3, #00B9CA, #009285, #00343E)
• Wandering Denim Corridor color palette (#F5E9E4, #6EADBD, #005B84, #002C25, #000106)
• Cobalt Terrace color palette (#FDF3ED, #ADD7BF, #0082C3, #00524A, #000433)
• Aged Sky color palette (#FDF3ED, #C1E6F6, #65B4FE, #008883, #202E6D)
• Peony Thicket color palette (#FFF1F1, #CF69A6, #828A00, #007E62, #1E0013)
• Teal Ridge color palette (#FAF3F0, #C3DEE5, #98D0CF, #49A587, #30564D)

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