Muted Petrol color palette — #E7F2E9 · #6BC1C9 · #00748B · #005145 · #003248
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7F2E9): a clean, paper-quiet neutral.
- Cyan (#6BC1C9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00748B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003248): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Tempered Cobalt Market color palette (#E7F2E9, #71BBE5, #006AB8, #004E58, #1F2D4C)
- Ancient Petrol color palette (#F1E5EE, #8BBCCD, #007695, #004D37, #00172B)
- Turquoise Orchard color palette (#EFF0E3, #A2E0E4, #00B9CF, #00918A, #003440)
- Hushed Study color palette (#CDFAF9, #88DAC5, #58B0C1, #516937, #024043)
- Cerulean Market color palette (#FBEBE3, #AAD0B0, #0094BB, #006F51, #013052)
- Quiet Cobalt color palette (#EDF9EF, #8ED9FF, #3585C4, #00656E, #253F6C)
- Ash Delta color palette (#F0F7F1, #D2E0F2, #68A3B9, #3E7B73, #435564)
- Cerulean Chapel color palette (#DAECDD, #128EAC, #00425E, #002222, #000919)
Browse the whole catalog at Explore, or see today's palette.