Frosted Petrol color palette — #FCEBE1 · #60C0D9 · #0070A2 · #005146 · #172D52

A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.

The five colors

• Cream (#FCEBE1): A whisper-light, dusty gold — the color of honey in a jar.
• Cyan (#60C0D9): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#0070A2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005146): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#172D52): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Patina Petrol Bloom color palette (#F2E6E0, #96BEA5, #2371A6, #004D39, #0B1039)
• Ultramarine Station color palette (#F1E4D8, #59A8D9, #1450B1, #003D41, #1B1841)
• Washed Meadow color palette (#FBF3EE, #A3D1BB, #437CB2, #00605D, #4C2F46)
• Timeworn Parlor color palette (#E9F1EA, #A3DEEF, #1AB2ED, #00918E, #023052)
• Lagoon Lagoon color palette (#EFE0D9, #00A3A9, #005266, #003120, #001527)
• Frosted Azure color palette (#ECF9D6, #4ED5CE, #459DDD, #495F28, #24361C)
• Wandering Atelier color palette (#FEF2EC, #C9E6C6, #4398A8, #3A6F4D, #2E5043)
• Airy Navy Lantern color palette (#F7E6D8, #278AB8, #003A79, #002223, #060228)

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