Pine Coast color palette — #FFF1F6 · #995800 · #22741B · #5E0041 · #3C140B

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Ochre (#995800): A full-bodied, balanced gold — the color of honey in a jar.
• Olive (#22741B): A full-bodied, balanced green — the color of fresh herbs.
• Mulberry (#5E0041): A deep, shadowed, balanced rose — the color of strawberry cream.
• Espresso (#3C140B): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged jewel, vibrant, warm.

Use it as a design system

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

• Feathered Rust color palette (#FFF0F8, #AE4600, #505D00, #56105F, #38121A)
• Aged Study color palette (#E4FDE8, #8F6D00, #006243, #760030, #371701)
• Tempered Fern color palette (#D3F8ED, #556B00, #00484D, #4C1900, #211800)
• Onyx Study color palette (#E3F3E1, #714600, #00480F, #4E002E, #20061A)
• Nightshade Loft color palette (#FFF3E6, #C47900, #007C90, #4C409C, #3B1911)
• Ancient Aubergine Loft color palette (#E3F9E3, #A46800, #00646F, #32188A, #1F0005)
• Tempered Emerald color palette (#E9F9F7, #459459, #2B7590, #684A2A, #263A32)
• Olive Boulevard color palette (#CDEBDF, #686F00, #22300B, #031D15, #000909)

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