Pine Basin color palette — #F4F6EC · #96BB96 · #BC83AE · #34863B · #6A3F43

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

The five colors

• Ivory (#F4F6EC): a clean, paper-quiet neutral.
• Sage (#96BB96): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#BC83AE): A luminous, balanced pink — the color of neon signs at night.
• Olive Leaf (#34863B): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#6A3F43): A full-bodied, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Balance. Tagged muted.

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

• Patina Balcony color palette (#F9F5E7, #BBB085, #A38CC2, #747902, #554469)
• Chalky Wisteria color palette (#E2F7F5, #90C19A, #CB7EB9, #37844C, #352C43)
• Worn Veranda color palette (#EEF9ED, #76BFBA, #CD8179, #00847F, #6B403B)
• Worn Corridor color palette (#F4F7EA, #A3D2AB, #D996D8, #609D6D, #664147)
• Timeworn Plum color palette (#ECFAE8, #66A69B, #9B78B9, #A15280, #384733)
• Aged Bronze color palette (#FDF3E7, #C0B8A0, #A2773A, #864D24, #4D4B00)
• Patina Harbor color palette (#EEFBDE, #2BBE8A, #BD316A, #006D4C, #6B0E37)
• Timeworn Cypress color palette (#EFF8F2, #DFB5AB, #42684F, #23402E, #1A2826)

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