Pine Basin color palette — #E3FBF7 · #6DB684 · #007D57 · #085E53 · #0E4342
Built around Teal, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#E3FBF7): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#6DB684): A luminous, balanced teal — the color of sea glass.
- Teal (#007D57): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#085E53): A full-bodied, dusty teal — the color of sea glass.
- Forest (#0E4342): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Calm, Balance, Grounding. Tagged botanical, earthy, muted, cool.
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
- Pine Archive color palette (#EDF8F4, #A0B98B, #587F51, #35616D, #2E4842)
- Linen Emerald color palette (#D1F4EE, #36AB61, #006C47, #004B5B, #09381B)
- Gentle Mint Delta color palette (#FDF6D6, #83D17A, #009E77, #267484, #3A3B34)
- Celadon Basin color palette (#E8FBEF, #B1DE96, #5DB999, #4993B3, #2A421A)
- Dusty Cerulean Drift color palette (#E9F9F7, #95DBEC, #008DAE, #00666A, #00465F)
- Dusty Meadow color palette (#D3EDE1, #728325, #324E00, #003732, #181E00)
- Obsidian Meadow color palette (#CFE7E7, #006D5A, #00332E, #00182A, #000805)
- Washed Plum Alley color palette (#E7E9FF, #9857E2, #D10059, #006893, #37274C)
Browse the whole catalog at Explore, or see today's palette.