Pale Petrol color palette — #F9E6DC · #5AAFC5 · #006BAA · #004C39 · #0A093D
A conversation between Peacock and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#F9E6DC): A whisper-light, dusty orange — the color of sun-warmed clay.
- Cyan (#5AAFC5): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006BAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C39): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#0A093D): 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 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
- Lapis Study color palette (#E7DED4, #69A8DE, #4B55C9, #004A4C, #1E0037)
- Patina Petrol Pier color palette (#FBE8F4, #66C6DE, #006F9F, #003F36, #00020C)
- Hushed Cerulean Coast color palette (#D8E4DA, #319EB7, #00516E, #00302E, #001528)
- Weathered Cerulean color palette (#E0E3D5, #74BCCF, #0090B6, #006C73, #001622)
- Misty Cobalt Terrace color palette (#F6ECE7, #A9CFB3, #0090CD, #007049, #1B2B54)
- Softworn Courtyard color palette (#FDF3EF, #91EDEF, #00ABD9, #268645, #1F4169)
- Airy Alley color palette (#F1EADA, #877800, #5634F6, #4F4600, #0C003A)
- Chestnut Harbor color palette (#EEDDC3, #92C078, #00A8A8, #8C3F00, #191500)
Browse the whole catalog at Explore, or see today's palette.