Muted Petrol color palette — #D8E3DA · #87BBC9 · #008395 · #005B47 · #002330
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Bone (#D8E3DA): bright and airy, almost weightless.
- Ash (#87BBC9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#008395): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005B47): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002330): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Muted 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 Petrol Station color palette (#D7E1D9, #61AEC4, #006F98, #004A49, #001529)
- Softworn Canyon color palette (#E8F1EA, #90D0DE, #0093BF, #006C66, #03314E)
- Timeworn Cerulean Harbor color palette (#FCF4E8, #90DBDB, #00899C, #005341, #000F16)
- Chalky Coast color palette (#F3E3DE, #72D2D4, #00A1CC, #008338, #011F41)
- Lagoon Balcony color palette (#F0F7F1, #CDDFF7, #61B1CC, #298C7E, #304B60)
- Tempered Mulberry Ridge color palette (#E7DDC8, #916F00, #007783, #88238B, #191000)
- Sapphire Bloom color palette (#D8E9D9, #AE7C00, #3370D5, #6D4C00, #001743)
- Chestnut Garden color palette (#E2F3E3, #9F8B48, #805800, #5C3000, #001C11)
Browse the whole catalog at Explore, or see today's palette.