Washed Petrol Garden color palette — #F0F7F1 · #CCDFF2 · #6F8ABF · #006D89 · #3A4766
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Powder Blue (#CCDFF2): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#6F8ABF): A luminous, balanced violet — the color of twilight just after sunset.
- Peacock (#006D89): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#3A4766): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Washed 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
- Frosted Cobalt Field color palette (#EDF9EF, #B4D2ED, #457ED6, #006378, #303877)
- Aged Iris Delta color palette (#F7EFF2, #C9DFF6, #7F88C6, #006C72, #292941)
- Aged Denim Hollow color palette (#E8F2EA, #79A6BC, #005F82, #003E3C, #00213B)
- Ancient Periwinkle Ridge color palette (#FAF4ED, #BEE9EE, #92A0E3, #32898C, #5D3C49)
- Antique Loft color palette (#E7F2E9, #5088A5, #003E6C, #002226, #000329)
- Petrol Meadow color palette (#E8F8FF, #7DCCD7, #008190, #004D58, #00363C)
- Lagoon Grove color palette (#B7EDED, #60B69D, #00867E, #006064, #18415D)
- Washed Rose color palette (#E5F9FF, #5FAFAD, #C86775, #007573, #633138)
Browse the whole catalog at Explore, or see today's palette.