Airy Pier color palette — #F6ECCB · #676200 · #4728B1 · #312E00 · #0F0038
A conversation between Indigo and Olive, giving this palette its sense of nature and growth.
The five colors
- Custard (#F6ECCB): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#676200): A full-bodied, balanced green — the color of a quiet forest floor.
- Indigo (#4728B1): A full-bodied, vivid violet — the color of a velvet chair.
- Espresso (#312E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Deep Indigo (#0F0038): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged warm.
Use it as a design system
One click turns Airy Pier 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
- Timeworn Atelier color palette (#E8E7D7, #516900, #6E009D, #253200, #1B002A)
- Navy Lantern color palette (#F8EEE1, #815400, #004898, #3F2700, #000E28)
- Feathered Station color palette (#D9EBE4, #849122, #3E39CA, #434A00, #09003C)
- Twilit Archive color palette (#E6E8D4, #2F7017, #52005C, #082800, #0F0012)
- Weathered Grape color palette (#E1EBB9, #8E9E22, #7037C9, #4B5500, #370E6D)
- Gentle Amethyst color palette (#DBF7E9, #ACA42A, #763DE9, #6B6500, #130034)
- Hushed Garnet Courtyard color palette (#EBEDDD, #4D5100, #004662, #5B0036, #070800)
- Moonless Bronze color palette (#DDE2CB, #896600, #182128, #002508, #000601)
Browse the whole catalog at Explore, or see today's palette.