Airy Harbor color palette — #F8F8D4 · #70B400 · #008B9E · #8A4000 · #1C1300

Clover takes the lead with Burnt Sienna close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F8F8D4): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#70B400): A luminous, vivid green — the color of new leaves after rain.
• Cerulean (#008B9E): A full-bodied, balanced blue — the color of open sky before noon.
• Burnt Sienna (#8A4000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#1C1300): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged jewel, vibrant.

Use it as a design system

One click turns Airy Harbor 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

• Airy Mulberry color palette (#FFF4DF, #B09100, #008F71, #9B223D, #180900)
• Weathered Sapphire color palette (#EBFCDF, #00B496, #0073DE, #635400, #131500)
• Muted Summit color palette (#F0FAE1, #009066, #006393, #4D3700, #010100)
• Teal Lantern color palette (#E6FDE2, #00A89F, #004549, #0B1908, #010200)
• Soft Grape color palette (#DBF9F6, #198D2B, #5536C6, #660038, #100A00)
• Gentle Lapis Grove color palette (#D9FDFF, #00A3AC, #4440D8, #354500, #000402)
• Muted Teal Grove color palette (#F3F7EF, #BEDFDF, #B7BDC8, #56A483, #2A3C00)
• Clover Veranda color palette (#F4F9DB, #11CC5F, #9379FF, #C33E76, #2B2000)

Browse the whole catalog at Explore, or see today's palette.