Pale Petrol color palette — #DDFDFB · #42A5C6 · #1E6EAA · #623D6E · #294050
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#DDFDFB): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#42A5C6): A luminous, balanced blue — the color of deep harbor water.
- Slate (#1E6EAA): A full-bodied, balanced blue — the color of open sky before noon.
- Mulberry (#623D6E): A full-bodied, balanced pink — the color of peonies in June.
- Deep Teal (#294050): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Creativity, Balance. Tagged retro.
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
- Aged Basin color palette (#E5FBF6, #00AEA7, #007788, #48467B, #21434C)
- Ancient Meadow color palette (#FEF0FF, #7198D7, #5E5DB3, #743552, #303D53)
- Pale Aqua color palette (#EBF7FF, #98F1FF, #4DD1FF, #4E8DCF, #294152)
- Teal Lantern color palette (#FFECF5, #00B1B9, #416BA9, #693815, #0B2633)
- Tempered Delta color palette (#E2F0FF, #A7B6CD, #7A7DAE, #685D73, #5D424F)
- Tempered Pine Canyon color palette (#E8FAF5, #84BCB4, #478259, #2C6367, #2F4845)
- Aged Studio color palette (#D7E7F4, #007BA8, #18344E, #10212D, #0A0D13)
- Weathered Aqua Atelier color palette (#FFF2EA, #00C9D3, #6387C0, #895437, #274436)
Browse the whole catalog at Explore, or see today's palette.