Dusty Cerulean color palette — #FFEEE8 · #B7DABC · #008FBE · #006637 · #05234F

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

The five colors

• Cream (#FFEEE8): A whisper-light, dusty orange — the color of toasted spice.
• Pistachio (#B7DABC): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#008FBE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006637): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#05234F): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.

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

• Cobalt Thicket color palette (#FCEFE5, #A1D9F2, #4283D6, #006356, #221854)
• Cerulean Canyon color palette (#F9F4EC, #B6D8BB, #008EA7, #006857, #004660)
• Hushed Petrol Quarry color palette (#F2E6E1, #80BFCC, #0072A8, #004E35, #081137)
• Cypress Lantern color palette (#F6F1EB, #C6E4DA, #7E8CB6, #146B6B, #421F2F)
• Azure Corridor color palette (#FCF1FC, #B2E4F6, #00A9E2, #00884E, #1C3E76)
• Spruce Quarry color palette (#F4E1DB, #4D9898, #005167, #002E0C, #00040F)
• Timeworn Denim Pier color palette (#F9EBE1, #6BA4C5, #345599, #003A36, #0E0029)
• Muted Pier color palette (#FDECE0, #4D8097, #00387C, #00201B, #010009)

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