Airy Field color palette — #FDF0FE · #B66572 · #935837 · #046522 · #3E2B40

Pine and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FDF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Mocha (#B66572): A luminous, balanced red — the color of late-summer berries.
• Ochre (#935837): A full-bodied, balanced orange — the color of sun-warmed clay.
• Pine (#046522): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#3E2B40): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Washed Bronze color palette (#FFF0F8, #B46D42, #816516, #00624C, #452838)
• Patina Chestnut color palette (#F9F2FF, #9C567B, #8F4901, #004E4B, #33293C)
• Gentle Olive color palette (#FFF1F6, #AA6200, #487600, #2B5700, #422300)
• Bronze Coast color palette (#F1F5FF, #7479C1, #946705, #006154, #29324A)
• Worn Terracotta Loft color palette (#E2FCF4, #A589C4, #985352, #00576A, #413752)
• Worn Chestnut Balcony color palette (#F0D6E1, #954B00, #4A5B00, #003C59, #2E0D1F)
• Weathered Olive color palette (#FEEDF1, #9F71B4, #7C7A00, #006148, #261419)
• Cocoa Quarry color palette (#F2F4FF, #C197BA, #AB5C6C, #883700, #563800)

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