Misty Petrol color palette — #FDEAE3 · #5CC3CB · #007299 · #00532D · #1A2E4D

Peacock and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FDEAE3): A whisper-light, dusty orange — the color of toasted spice.
• Cyan (#5CC3CB): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#007299): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#00532D): A deep, shadowed, balanced teal — the color of glacier melt.
• Midnight (#1A2E4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Misty 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

• Softworn Station color palette (#F8ECE0, #89B7D9, #4861B5, #00504E, #33244F)
• Timeworn Cobalt color palette (#FEF2ED, #95D0DD, #447EA7, #186147, #4B3046)
• Petrol Field color palette (#DFEDEA, #8FBBCB, #007988, #004C47, #001A21)
• Softworn Cerulean Harbor color palette (#EFF0E1, #ACCFB1, #0097A9, #006C66, #003440)
• Airy Dune color palette (#F7EAF3, #ADDCED, #3DB3DB, #00956F, #003053)
• Muted Station color palette (#F4F4D1, #61D5C0, #57A6E0, #6A5B14, #31342E)
• Washed Alley color palette (#F5E7DF, #3D8CA1, #003F69, #002319, #040227)
• Patina Station color palette (#EEDECD, #4296D5, #3038A3, #003031, #1C0434)

Browse the whole catalog at Explore, or see today's palette.