Dusty Petrol color palette — #C9EDCB · #58B9C9 · #007EA1 · #005A80 · #0D2947

Built around Cerulean, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#C9EDCB): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#58B9C9): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#007EA1): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005A80): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#0D2947): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Dusty Petrol 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 Lagoon Market color palette (#D9EBC6, #63C0AB, #008684, #005A60, #003644)
• Nightshade Studio color palette (#C4E8FA, #79B5E3, #487DCA, #384BA2, #29274C)
• Tempered Turquoise color palette (#BAF0F8, #42C2CC, #0085A7, #1D5B8F, #394A68)
• Linen Cobalt Terrace color palette (#CEFEF1, #97C6EB, #2E7CB2, #00446E, #00182B)
• Weathered Harbor color palette (#EBFDD7, #85EAF0, #00ACD5, #1877BB, #343C63)
• Amber Meadow color palette (#E6F6EF, #72ADCA, #C37850, #006E94, #431900)
• Pale Ridge color palette (#CBE5EE, #0093CA, #0064A7, #00336E, #0C0064)
• Muted Cerulean Quarry color palette (#E3F7F0, #F7D6CF, #C4BCEB, #3492A5, #0B352C)

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