Pine Basin color palette — #EBF9F1 · #8CA56E · #007640 · #0B565A · #163D35
Pine and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EBF9F1): bright and airy, almost weightless.
- Moss (#8CA56E): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007640): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#0B565A): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#163D35): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, 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 Dune color palette (#F4F3DD, #7FAF74, #3C7348, #444841, #1D1E04)
- Tempered Veranda color palette (#D2EBE1, #649C63, #00644D, #4F2F58, #00302D)
- Ancient Basin color palette (#E8FAF4, #88BBB7, #358372, #415E6F, #284947)
- Chalky Moss color palette (#DCF3DA, #A59218, #4A6500, #313A7F, #352E00)
- Worn Jade color palette (#F9F6E3, #B9D3AB, #73B085, #738C6C, #36362F)
- Pine Study color palette (#D1E6E1, #267D57, #00413C, #002637, #00140A)
- Muted Cerulean color palette (#FCF1F9, #A6CCD9, #0085A6, #006246, #1D3D58)
- Cobalt Orchard color palette (#D4E6FF, #3E76D6, #926100, #516300, #1D2C41)
Browse the whole catalog at Explore, or see today's palette.