Frosted Petrol Coast color palette — #F3F8E4 · #65C6E9 · #0077A3 · #005460 · #003755

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F3F8E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#65C6E9): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0077A3): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005460): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#003755): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Cobalt Station color palette (#FFEEE4, #73C8E9, #0076C1, #00524E, #080952)
• Dusty Cerulean Study color palette (#F4F7EB, #A6D1B8, #3E829D, #005E67, #133F56)
• Sky Cabin color palette (#E8F9F7, #A3E5FF, #17B9F9, #0095A8, #003655)
• Tempered Balcony color palette (#DDE1D3, #68A8C7, #005D8A, #003C49, #00213C)
• Weathered Field color palette (#FFF1F8, #86D8F6, #0092E7, #00736C, #13257D)
• Petrol Ridge color palette (#F4F7EE, #C6E4DA, #6B8EB2, #276A85, #583D57)
• Patina Lagoon Delta color palette (#E3E3D1, #4B9F9C, #005458, #003128, #00181B)
• Antique Navy Pier color palette (#E3E9D9, #5B84AB, #003A7A, #00202F, #00022D)

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