Powdered Petrol color palette — #FCF4E7 · #6AC6E1 · #0077A5 · #005655 · #00345D

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

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Sky (#6AC6E1): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0077A5): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005655): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#00345D): A deep, shadowed, balanced 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 Powdered 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

• Ancient Meadow color palette (#FAF4EC, #ABCFB7, #0084AD, #00605B, #1B3E58)
• Frosted Loft color palette (#FFEEE5, #4ACDF1, #0075C3, #005342, #121044)
• Timeworn Sapphire color palette (#FDF4E5, #7EBEF8, #115EF0, #005367, #272969)
• Pale Sky Lantern color palette (#E8F9F7, #99E7FF, #00BBF1, #0096A3, #003751)
• Aged Hollow color palette (#ECE5DA, #56ABCA, #005D8B, #003D40, #011E42)
• Feathered Parlor color palette (#FFF0F9, #5FDDFE, #0092EA, #00755B, #24296B)
• Cobalt Canyon color palette (#F9F4EE, #C1E6D7, #4E8ED0, #006F7E, #583D54)
• Navy Pier color palette (#E5DED4, #4587B5, #003A7A, #002129, #03002E)

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