Pine Basin color palette — #E1F5F1 · #3A8D52 · #005234 · #003540 · #00201F
Fern and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E1F5F1): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#3A8D52): A full-bodied, balanced teal — the color of sea glass.
- Forest (#005234): A deep, shadowed, balanced teal — the color of sea glass.
- Deep Teal (#003540): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00201F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, 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
- Tempered Olive color palette (#D9E8E0, #748300, #354E00, #003731, #191D00)
- Cypress Grove color palette (#D0ECEC, #007E64, #00413A, #002539, #00140E)
- Antique Lagoon color palette (#D2EBE4, #6D9A61, #0B662C, #5B3116, #00312B)
- Olive Grove color palette (#E5FBF2, #8EB064, #3E7A28, #76402D, #16433A)
- Worn Forest Terrace color palette (#F2EFD5, #74A06F, #00734A, #2C4471, #032202)
- Aged Mint color palette (#EAF9F7, #80C09D, #40826C, #445D6D, #2B4848)
- Tempered Lantern color palette (#D5E8E6, #52ACC6, #00607E, #003D43, #002234)
- Fern Drift color palette (#D6EEE2, #596400, #203100, #2F0603, #000805)
Browse the whole catalog at Explore, or see today's palette.