Frosted Petrol color palette — #DBF0E9 · #00C0CE · #0096BD · #0366B4 · #262B58

Cobalt and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DBF0E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00C0CE): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0096BD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#0366B4): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#262B58): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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 Turquoise Ridge color palette (#C8E9E8, #00ACC1, #007FA1, #005B85, #002A50)
• Antique Pier color palette (#C7F1EA, #00CFE6, #00ABEC, #567DC1, #373054)
• Frosted Villa color palette (#D9EBEA, #00AAD0, #007CE4, #3C4AB5, #240A40)
• Worn Loft color palette (#D1E7E9, #29BCFF, #358EFF, #5E5DBB, #3A2051)
• Azure Veranda color palette (#D0EAFF, #81CBFF, #209DF9, #00679E, #00192B)
• Clover Lagoon color palette (#DDE9C6, #00CA7E, #009E8D, #007679, #003443)
• Worn Studio color palette (#C3E8D9, #73CFFF, #DB6819, #008DC1, #451A00)
• Chalky Bloom color palette (#A6F1FA, #7ED2FF, #78A7FC, #7E7CB7, #5D3A45)

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