Pale Petrol color palette — #EDF2E2 · #59AAE4 · #0068B6 · #00465E · #001134

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

The five colors

• Cream (#EDF2E2): A whisper-light, dusty green — the color of fresh herbs.
• Cornflower (#59AAE4): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#0068B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#00465E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001134): 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 Pale 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

• Weathered Turquoise color palette (#E1E3D3, #28B4CD, #00728C, #004A4C, #001721)
• Patina Navy color palette (#E6DFD4, #5696C4, #004793, #002E38, #070543)
• Faded Pier color palette (#D4E3D6, #87B6D9, #2C81EA, #006A7D, #080049)
• Hushed Cobalt color palette (#ECF1E3, #88CEF9, #1A8CD9, #006883, #0D2E53)
• Washed Lantern color palette (#F7ECE2, #90C3B3, #4259CC, #003E3E, #04000E)
• Seafoam Studio color palette (#F6F7E3, #5BE3DF, #009FA8, #007464, #003A42)
• Tempered Lagoon color palette (#F5F6ED, #C5EBE2, #97BCA2, #54938E, #42594C)
• Wandering Ridge color palette (#F6DBDC, #BF003B, #755400, #6C0599, #170002)

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