Dusty Cerulean color palette — #F9F4EE · #C8E6C7 · #249AAB · #177259 · #2F5040

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Celadon Mist (#C8E6C7): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#249AAB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#177259): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#2F5040): A full-bodied, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Patina Workshop color palette (#F9EFED, #ABEAE9, #5398B0, #3D6A42, #372439)
• Cerulean Balcony color palette (#F9F4ED, #C8E4D6, #3792CD, #007076, #553F55)
• Cerulean Station color palette (#F9F4EE, #A9D0B5, #0084A9, #006059, #163E59)
• Timeworn Cerulean Drift color palette (#F2ECE1, #479EA8, #005265, #003129, #001623)
• Muted Field color palette (#FAF2FB, #B1F3F2, #6FAFC7, #59885F, #36495F)
• Pine Station color palette (#F2FAD3, #8ACA9A, #228740, #095528, #01361C)
• Tempered Olive color palette (#F5F7E7, #7CB06A, #AE6EB4, #3B7622, #5D353D)
• Hushed Cobalt color palette (#F4F8E1, #5B9A5E, #5678C4, #A14A45, #383932)

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