Airy Petrol color palette — #FFF0FC · #869ED6 · #A8833A · #4862A4 · #533F16
A conversation between Slate and Caramel, giving this palette its sense of optimism and creativity.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Blue Fog (#869ED6): A luminous, balanced violet — the color of wild irises.
- Caramel (#A8833A): A luminous, balanced gold — the color of honey in a jar.
- Slate (#4862A4): A full-bodied, balanced violet — the color of wild irises.
- Cocoa (#533F16): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Airy 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
- Worn Parlor color palette (#E4FCF2, #52AAD8, #B67950, #006E99, #5E381C)
- Patina Harbor color palette (#FEECF8, #979FD5, #B68238, #5358B5, #382200)
- Faded Grape Coast color palette (#FFF1F7, #A792D6, #7E9446, #6F52A5, #3B4819)
- Faded Cornflower Veranda color palette (#EFF6FF, #93BAF1, #B8A457, #397FDE, #4D4213)
- Timeworn Iris Ridge color palette (#FFF0FB, #7383C9, #B06252, #3C7850, #482E42)
- Aged Cerulean color palette (#FFF0FB, #E7D7D6, #E0B4BA, #607C9D, #5B4250)
- Muted Cocoa color palette (#FFF3E9, #BAA288, #90684F, #7A401B, #413C36)
- Muted Summit color palette (#FEF1F5, #C4AB77, #5D4671, #372446, #2A1E22)
Browse the whole catalog at Explore, or see today's palette.