Hazy Petrol color palette — #F4E7E1 · #5BB0BE · #006E9F · #004D32 · #040C3C
Peacock and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Rose Water (#F4E7E1): a clean, paper-quiet neutral.
- Cyan (#5BB0BE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006E9F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D32): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Indigo (#040C3C): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Hazy 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
- Powdered Sapphire Cabin color palette (#E9DFD8, #79BCD6, #0074D8, #005B4D, #1B144A)
- Petrol Market color palette (#F9E8F5, #80C3D0, #007099, #003F33, #00020A)
- Cerulean Drift color palette (#EBEDDB, #77BDCA, #0092AF, #006C6E, #001720)
- Patina Ultramarine Bloom color palette (#F6EDE4, #5A99C9, #3544C2, #003B3B, #0F0023)
- Cerulean Pier color palette (#F8EBE6, #8AD2DB, #0092C7, #007044, #1A2D51)
- Pine Ridge color palette (#FFF2EE, #97ECEB, #00ACD5, #00892F, #16416C)
- Washed Azure Dune color palette (#FDF3ED, #BADFC8, #519CD8, #057F61, #4C2F45)
- Gentle Terracotta Dune color palette (#E7DDCA, #A4C468, #00A8A3, #943815, #201E00)
Browse the whole catalog at Explore, or see today's palette.