Dusty Petrol color palette — #F0F3E8 · #B7E9D3 · #5C95B9 · #09697C · #09342B
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Cream (#F0F3E8): a clean, paper-quiet neutral.
- Mint (#B7E9D3): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate Blue (#5C95B9): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#09697C): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#09342B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Worn Teal color palette (#EEEFE3, #3AAFB3, #00646E, #003A35, #000D12)
- Softworn Archive color palette (#F0F4E1, #87DDFF, #008EC2, #00606E, #002840)
- Softworn Basin color palette (#E1E7D6, #3E91C9, #004B84, #002938, #000412)
- Aqua Balcony color palette (#F3F3E2, #00D6D2, #008188, #005347, #001F23)
- Weathered Petrol Study color palette (#E7EBE0, #7EBCE2, #0070B1, #00485B, #001631)
- Timeworn Powder Parlor color palette (#FBF4EE, #D7D5E2, #92BFF0, #45908E, #4F3549)
- Patina Thicket color palette (#FFEFDE, #DADBC1, #B4CB99, #A0755A, #342F29)
- Soft Apricot color palette (#FFEEE2, #E78752, #A875C3, #8F5331, #3B1C26)
Browse the whole catalog at Explore, or see today's palette.