Pine Basin color palette — #DBE6DB · #61AE78 · #00764D · #004B36 · #002B23
Pine and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#DBE6DB): bright and airy, almost weightless.
- Jade (#61AE78): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#00764D): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004B36): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Forest (#002B23): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Calm, Balance. Tagged 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
- Moss Delta color palette (#E5EDD5, #6FAC57, #00814C, #00584B, #093C51)
- Teal Terrace color palette (#BFFBEE, #56B9A9, #007C6F, #003933, #00110D)
- Olive Harbor color palette (#ECEFD7, #899A4C, #4F7000, #224D00, #042D02)
- Linen Cabin color palette (#EFFCCC, #96CF8A, #15A862, #006A57, #003D3E)
- Indigo Garden color palette (#D0F0F3, #3FA58C, #5973D4, #006451, #0C1449)
- Aged Courtyard color palette (#D4E6DA, #9F9B69, #746424, #503A00, #001E14)
- Cerulean Dune color palette (#DFF7FF, #7BBECA, #2A98AF, #006783, #15374B)
- Linen Corridor color palette (#C9E5E5, #009267, #0079A0, #6A5B00, #001819)
Browse the whole catalog at Explore, or see today's palette.