Muted Petrol color palette — #FBEBE2 · #9ABB9C · #00748D · #005236 · #00314D
Teal and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FBEBE2): A whisper-light, dusty gold — the color of old brass.
- Sage (#9ABB9C): A luminous, dusty green — the color of new leaves after rain.
- Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005236): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#00314D): 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
- Washed Petrol Atelier color palette (#F7ECE5, #85BAD0, #296CA5, #00504D, #1F2A54)
- Wandering Workshop color palette (#FEF2ED, #A9D0B4, #2A82A7, #00624E, #1A3C61)
- Petrol Canyon color palette (#E1ECE9, #8CBCCB, #007985, #004C45, #001A20)
- Frosted Lagoon color palette (#F5EBF2, #9FE1E2, #00B6DC, #009665, #06314B)
- Cypress Corridor color palette (#FCF3EC, #BFE7D5, #6A8DB5, #1D6F6E, #5C3B54)
- Aged Summit color palette (#F5EBE2, #6395BB, #224391, #002F34, #14043C)
- Peony Delta color palette (#F6D8F0, #BD43B0, #135E07, #00524E, #31112D)
- Softworn Cabin color palette (#FFE4E9, #E4AFC0, #C18667, #5E5295, #4D2439)
Browse the whole catalog at Explore, or see today's palette.