Quiet Petrol Garden color palette — #F8E9E1 · #65ADC4 · #0069B1 · #004C3C · #0E0046

A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8E9E1): a clean, paper-quiet neutral.
• Cyan (#65ADC4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#0069B1): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C3C): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#0E0046): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Quiet Petrol Garden 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

• Ancient Dune color palette (#F3E0DB, #6BB0AD, #00728C, #004E12, #00142B)
• Chalky Sapphire color palette (#EEE6E0, #8DBDAB, #466ED0, #005A55, #250A4E)
• Timeworn Quarry color palette (#F9E9F3, #6BC5DE, #006BAE, #003F30, #010014)
• Patina Coast color palette (#DBEBDE, #4E9BB1, #005070, #00302F, #00152A)
• Cobalt Lagoon color palette (#F4EDE1, #33C2E5, #008EC3, #006D6C, #00152A)
• Cobalt Pier color palette (#D2EBFF, #0094DB, #00597F, #00273D, #000407)
• Cobalt Market color palette (#F7ECE7, #97CFDD, #398DC9, #006F52, #1F2959)
• Wisteria Coast color palette (#D8EADF, #A6B5E9, #C070C7, #006D5A, #001928)

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