Muted Petrol Alley color palette — #F3EEE6 · #96BCA2 · #007295 · #00504B · #00314F
A conversation between Teal and Deep Teal, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3EEE6): a clean, paper-quiet neutral.
- Sage (#96BCA2): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007295): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#00314F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Muted Petrol Alley 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
- Gentle Study color palette (#F3EEE5, #83B8DF, #2567B9, #004E5C, #202A54)
- Cobalt Harbor color palette (#F9F4ED, #A8D0BB, #0081BB, #005F62, #483149)
- Frosted Iris Lantern color palette (#DDFEED, #96C3F3, #8491F1, #00696C, #08372C)
- Softworn Alley color palette (#E0F3F0, #A3DEEC, #31B5D9, #009095, #003346)
- Worn Lagoon Basin color palette (#DBEEEB, #00989B, #006574, #004353, #192545)
- Dusty Dune color palette (#F8F5EF, #CAE5E3, #5DA2C8, #357B7A, #34514A)
- Timeworn Lagoon Meadow color palette (#EEE5D7, #2CA2A4, #005360, #003125, #001720)
- Ancient Alley color palette (#CCE6D5, #008DA8, #AF4300, #005262, #481700)
Browse the whole catalog at Explore, or see today's palette.