Misty Petrol Canyon color palette — #F1F8EE · #3D9B8B · #2D669C · #713500 · #004239
A conversation between Peacock and Bronze, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F8EE): bright and airy, almost weightless.
- Fern (#3D9B8B): A luminous, balanced teal — the color of sea glass.
- Peacock (#2D669C): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#713500): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Forest (#004239): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Misty Petrol Canyon 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
- Cocoa Balcony color palette (#F7F6E9, #809156, #1F699A, #753100, #313E05)
- Dusty Fern color palette (#EFF8EE, #66A59F, #7D6399, #585704, #004D49)
- Sunlit Grape Balcony color palette (#E6F4FC, #1F9DB7, #73519C, #731F13, #1C2100)
- Tempered Nightshade Cabin color palette (#D6EFE1, #007A98, #2815D3, #3F3100, #002935)
- Muted Pine color palette (#FCF4E8, #B7B189, #49825D, #3E634D, #4C4300)
- Grape Lantern color palette (#E7FBF0, #008BAC, #8B1899, #264B00, #003645)
- Garnet Summit color palette (#ECF9F1, #1997B4, #8F4966, #79214B, #4E3100)
- Ancient Summit color palette (#EAFAF0, #4FB4CC, #8E6CBE, #943F37, #383B13)
Browse the whole catalog at Explore, or see today's palette.