Pine Basin color palette — #FFF1F3 · #CB9ECD · #BC765F · #3E8347 · #362331

Fern and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Mauve (#CB9ECD): A luminous, balanced pink — the color of peonies in June.
• Caramel (#BC765F): A luminous, balanced orange — the color of sun-warmed clay.
• Fern (#3E8347): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#362331): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Cypress Station color palette (#FFF1F1, #E2A7C2, #AF8D51, #007E6A, #301C23)
• Driftwood Parlor color palette (#FDF1F8, #ACACE7, #C0737D, #6A732F, #112F29)
• Cypress Garden color palette (#F8F6E6, #D9D8FF, #C58EAE, #21846C, #513640)
• Dusty Pier color palette (#FEF1F7, #CAC3FF, #C08E64, #007B78, #1F4129)
• Bronze Hollow color palette (#FFF2EB, #DF937D, #927F17, #00677B, #2D1216)
• Patina Pier color palette (#FFF2EF, #E96593, #C25D00, #006446, #12062B)
• Patina Mallow color palette (#FFF1F2, #D497CA, #674D47, #382527, #140D10)
• Hushed Corridor color palette (#FFF2EF, #D56F86, #876600, #005053, #180208)

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