Pine Basin color palette — #EAFAF0 · #8BB161 · #007E49 · #5A4575 · #14443A

Pine and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAFAF0): A whisper-light, dusty teal — the color of glacier melt.
• Jade (#8BB161): A luminous, balanced green — the color of new leaves after rain.
• Pine (#007E49): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#5A4575): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#14443A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Balance, 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

• Pale Delta color palette (#FFF1F5, #B5A353, #5C7400, #3E4D84, #1D432F)
• Muted Studio color palette (#E1FCF4, #72B489, #007A6C, #155971, #1A442B)
• Antique Moss color palette (#D5F4E0, #819F38, #006D2F, #542C74, #263400)
• Emerald Chapel color palette (#E1FCF6, #82D187, #229E61, #417084, #0F433F)
• Lagoon Grove color palette (#EFF7F3, #A6C9C2, #549071, #66627B, #3B534E)
• Ancient Mulberry color palette (#F6F3FF, #CA69C2, #009382, #95178F, #00453C)
• Cobalt Summit color palette (#FDF1F9, #8CDCF1, #0089C4, #00685A, #284065)
• Hushed Bronze color palette (#E8F2E6, #897A28, #384D00, #2D2654, #002112)

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