Muted Petrol color palette — #F5F7E4 · #69C8D7 · #007B92 · #005656 · #00394A
Teal and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F5F7E4): A whisper-light, dusty green — the color of fresh herbs.
- Aqua (#69C8D7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007B92): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005656): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#00394A): 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
- Timeworn Courtyard color palette (#FEEEE7, #68CCDB, #007CA5, #005341, #001A37)
- Cobalt Drift color palette (#F3F8E8, #88BFE7, #0070C0, #00526B, #002F6D)
- Airy Turquoise color palette (#E1FCF7, #7FEDFD, #00BEE0, #009797, #00394A)
- Petrol Study color palette (#F5F6EF, #C7E5E3, #70A1B7, #007D88, #2D5346)
- Denim Study color palette (#E5E8DA, #80AA90, #00617A, #003D41, #002332)
- Cerulean Loft color palette (#FEF0FB, #5DDFF2, #0099CA, #00755D, #003362)
- Abyss Basin color palette (#E3E6DA, #5787A0, #004162, #002129, #000A18)
- Lapis Boulevard color palette (#D9DEF4, #5756EE, #AD0084, #005D6A, #1A145D)
Browse the whole catalog at Explore, or see today's palette.