Airy Pier color palette — #F5F7E2 · #F3B913 · #236A00 · #072600 · #010100
Built around Saffron, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F5F7E2): A whisper-light, dusty green — the color of new leaves after rain.
- Saffron (#F3B913): A luminous, vivid gold — the color of afternoon light on wheat.
- Olive (#236A00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#072600): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark.
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
- Wandering Canyon color palette (#FFF4E0, #F2B924, #6C5500, #271D00, #020100)
- Antique Coast color palette (#E9FCE4, #F3B913, #006660, #002422, #000200)
- Wandering Courtyard color palette (#F0F8EA, #FDD275, #007D64, #00382B, #040901)
- Powdered Emerald color palette (#DFEAC8, #FFA76A, #00975B, #005E36, #0C1200)
- Muted Amber color palette (#C9E5E2, #CE8000, #004C15, #001D04, #000403)
- Dusty Hollow color palette (#E3F3E6, #CB9900, #00454B, #21292F, #000A0B)
- Hushed Fern color palette (#F4F6EF, #C9DDCB, #66936E, #424C00, #1A1C13)
- Mint Canyon color palette (#F2F9E2, #46E487, #0089BA, #008042, #000201)
Browse the whole catalog at Explore, or see today's palette.