Pine Basin color palette — #FAF0E5 · #A3A46A · #307630 · #5D4019 · #221C05

A conversation between Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#FAF0E5): bright and airy, almost weightless.
• Sage (#A3A46A): A luminous, dusty green — the color of new leaves after rain.
• Olive (#307630): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#5D4019): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#221C05): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Antique Ridge color palette (#F4F2E7, #7AAE8B, #00746E, #62393A, #191F03)
• Aged Lagoon Terrace color palette (#F7F1E6, #B7B68E, #2F8766, #6D4F00, #2A2911)
• Wandering Fern Study color palette (#FDF4E4, #9DA05A, #516D2D, #4E4A44, #37352F)
• Olive Archive color palette (#FFEFDE, #B1AB5C, #397E1E, #00575B, #291F00)
• Aged Forest color palette (#F0E2D0, #8B9452, #04672C, #00414A, #171200)
• Powdered Jade color palette (#EAE5D0, #3EAD6C, #006964, #3C4300, #001C0B)
• Moss Thicket color palette (#EDF9F0, #D2D598, #729842, #726234, #142E24)
• Olive Lagoon color palette (#EEDFC9, #6F8137, #00522D, #372700, #0A0800)

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