Airy Pine Coast color palette — #FFF2C8 · #869D0F · #19760C · #004652 · #142100

Olive and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FFF2C8): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#869D0F): A luminous, balanced green — the color of new leaves after rain.
• Olive (#19760C): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#004652): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#142100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

Use it as a design system

One click turns Airy Pine Coast 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 Orchard color palette (#EEEAD1, #609B56, #006C4A, #003E58, #001F07)
• Amber Canyon color palette (#FFF2C5, #B38B00, #666600, #004940, #231C00)
• Timeworn Aubergine color palette (#FFF1F6, #AA8700, #177F39, #61006C, #363900)
• Shadow Olive color palette (#E8E7D5, #517900, #2A2C06, #121100, #050300)
• Worn Lime color palette (#DBFFEE, #99B628, #3B933B, #006678, #263E00)
• Pine Coast color palette (#DDE2CE, #007A31, #004736, #002136, #000703)
• Quiet Lime color palette (#F7F4D0, #E4D93D, #98BF00, #009A34, #0F2200)
• Quiet Mustard color palette (#FFF3E7, #DFBD07, #05A258, #703B8C, #262B00)

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