Pine Basin color palette — #EFF4EA · #83C3AA · #809BD8 · #008665 · #213051
Built around Fern, softened by Cornflower — the whole palette hums with creativity and calm.
The five colors
- Cream (#EFF4EA): bright and airy, almost weightless.
- Mint Leaf (#83C3AA): A luminous, dusty teal — the color of shallow lagoons.
- Cornflower (#809BD8): A luminous, balanced violet — the color of a velvet chair.
- Fern (#008665): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#213051): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, 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
- Weathered Boulevard color palette (#EBF5EE, #83BFCB, #9CA169, #008092, #33312A)
- Blush Field color palette (#E6FAFA, #75C2A2, #C97AAE, #1E8663, #534762)
- Cerulean Drift color palette (#EBF6E3, #6FAA98, #4A96C5, #7F7C2C, #212B18)
- Weathered Lagoon Harbor color palette (#ECF5E8, #B4DEE2, #BFB1B4, #619079, #303D2D)
- Pine Harbor color palette (#F1F3E7, #99BF99, #C88C6F, #35853D, #4B2512)
- Aged Lagoon Basin color palette (#E9F7E1, #BCD4AF, #479989, #00594A, #00231D)
- Hushed Violet color palette (#E2FADE, #00AFA6, #7C69EF, #006A64, #200B56)
- Cornflower Lantern color palette (#CFE7E0, #008BE5, #008940, #004F85, #001C08)
Browse the whole catalog at Explore, or see today's palette.