Pine Basin color palette — #FFECF3 · #B7984E · #397C3B · #56366B · #0A291D

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

The five colors

• Blush (#FFECF3): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#B7984E): A luminous, balanced gold — the color of old brass.
• Olive (#397C3B): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Purple (#56366B): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Forest (#0A291D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

Use it as a design system

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

• Amber Atelier color palette (#E4F8E5, #D38757, #6E7015, #3F3D7C, #182718)
• Lagoon Delta color palette (#FFECF5, #A5B380, #088C79, #6A435D, #1A312E)
• Pale Loft color palette (#E9F6EA, #B68314, #00727D, #602857, #340E24)
• Muted Moss color palette (#E4FCEE, #9E9E17, #567538, #00595F, #27443A)
• Aubergine Station color palette (#FFE8D7, #848500, #006149, #530055, #091600)
• Wandering Bloom color palette (#FFF3E6, #D4AC1F, #549862, #695A86, #3F3D36)
• Worn Study color palette (#FEF5DC, #CDD377, #70A24D, #00717B, #33322B)
• Antique Emerald color palette (#FFEBF7, #32AC41, #006F76, #700F3F, #002317)

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