Muted Petrol color palette — #FBEAE5 · #71C8C7 · #007290 · #004114 · #000209
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#FBEAE5): a clean, paper-quiet neutral.
- Aqua (#71C8C7): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007290): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004114): A deep, shadowed, balanced green — the color of fresh herbs.
- Black (#000209): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, 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 Sapphire Chapel color palette (#F6ECE5, #84C0DB, #2566B8, #003F36, #020012)
- Softworn Cobalt Quarry color palette (#FFF2EC, #ADD8BB, #0082C3, #00543B, #040037)
- Muted Lagoon Ridge color palette (#F3E7D4, #209C9E, #00535F, #002D22, #000509)
- Worn Coast color palette (#E7F1E9, #76BFBF, #0093A7, #006F57, #001720)
- Worn Study color palette (#FCD9D1, #B92800, #006569, #004D50, #040000)
- Misty Crimson color palette (#FCDED6, #D34161, #007482, #730028, #000102)
- Antique Cocoa Market color palette (#F2E9DC, #848C50, #624900, #381700, #000200)
- Pine Workshop color palette (#FFF2EE, #BEECF7, #5EB1DB, #00844E, #162D55)
Browse the whole catalog at Explore, or see today's palette.