Cerulean Quarry color palette — #EEF8F0 · #8AD2DC · #B4B67A · #409BA6 · #4F4D46

Cerulean and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF8F0): a clean, paper-quiet neutral.
• Ice Blue (#8AD2DC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Sage (#B4B67A): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#409BA6): A luminous, balanced blue — the color of deep harbor water.
• Charcoal Brown (#4F4D46): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Cerulean Archive color palette (#FBF2FB, #A4C6FB, #86C0A2, #6C8DC2, #4B4E47)
• Patina Lagoon Harbor color palette (#EFF8EC, #8DD4C8, #A7ACE4, #359F91, #604256)
• Patina Turquoise color palette (#ECF7FC, #ABF4FF, #CED283, #17ADBF, #2F4E41)
• Cerulean Hollow color palette (#FAF2FA, #CAD7B2, #5F80A5, #58465B, #312832)
• Turquoise Market color palette (#E9F8FF, #88E6F4, #FEB196, #3FBBCC, #5F4355)
• Petrol Market color palette (#EEF8F2, #80BACC, #C88386, #00809A, #6B3E41)
• Antique Turquoise color palette (#DBFFEE, #AAE0FA, #5FA7C3, #2C708B, #084054)
• Muted Bronze color palette (#FDF3E8, #DDC7A7, #AE977D, #9A6832, #5E4200)

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