Muted Petrol color palette — #EFF0E4 · #9DBA9F · #007681 · #005049 · #00343E
Teal and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#EFF0E4): a clean, paper-quiet neutral.
- Sage (#9DBA9F): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#007681): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005049): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#00343E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Wandering Petrol color palette (#EDF0E3, #8AB9D1, #006FA4, #004D5D, #003054)
- Denim Loft color palette (#E2E5D8, #81A993, #00607F, #003D44, #002235)
- Cypress Parlor color palette (#F5F6EF, #CAE3DE, #7DA48A, #247E7A, #335242)
- Misty Parlor color palette (#F7EAF3, #84D4D8, #0095B7, #006F4D, #0B314B)
- Dusty Turquoise Veranda color palette (#E2F3EF, #9AE2E5, #00B9CC, #009287, #00343F)
- Worn Bloom color palette (#F4F6F0, #CAE3D8, #5E91B3, #006E83, #294A69)
- Tempered Harbor color palette (#E6E8D8, #658B73, #004356, #002224, #000B13)
- Tempered Denim Harbor color palette (#E0E4D8, #6195BE, #004A87, #002D3E, #001135)
Browse the whole catalog at Explore, or see today's palette.