Soft Basin color palette — #E5FAF9 · #50B872 · #4C8ECF · #37744A · #2A4460
Jade and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E5FAF9): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#50B872): A luminous, balanced teal — the color of sea glass.
- Cerulean (#4C8ECF): A luminous, balanced blue — the color of open sky before noon.
- Pine (#37744A): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#2A4460): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Soft 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
- Quiet Emerald color palette (#D8FEFF, #00A173, #0086B3, #746930, #183F40)
- Teal Drift color palette (#E3FAFE, #53C5B8, #9091D0, #398078, #454C63)
- Moss Courtyard color palette (#E8FAF1, #AEA300, #009CA6, #6F6802, #1A4957)
- Teal Grove color palette (#E1FBFF, #00B8A4, #A9832E, #007669, #2C4B33)
- Olive Corridor color palette (#DDF2FF, #009CC4, #62871D, #006079, #2B3C0F)
- Sunlit Pine color palette (#E3F6F5, #78B486, #B175AE, #21773F, #391938)
- Weathered Emerald Studio color palette (#F3F7E8, #85CA95, #C68EC7, #3F9559, #563457)
- Tempered Lagoon Hollow color palette (#DAFDFF, #BEDBF1, #A1C0E1, #5D886A, #3B5254)
Browse the whole catalog at Explore, or see today's palette.