Sunlit Drift color palette — #DAFEFB · #00CB6B · #2D96EE · #00773D · #001931
Clover and Azure set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#DAFEFB): A whisper-light, dusty teal — the color of sea glass.
- Clover (#00CB6B): A luminous, vivid teal — the color of sea glass.
- Azure (#2D96EE): A luminous, vivid blue — the color of a favorite pair of jeans.
- Pine (#00773D): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#001931): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged cool.
Use it as a design system
One click turns Sunlit Drift 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
- Muted Mint color palette (#D8FEFF, #43DDA2, #75A6F7, #008C61, #12274A)
- Misty Jade Canyon color palette (#D8FEFF, #00AC7C, #008EBD, #7B6B00, #001109)
- Powdered Indigo color palette (#CFF7FA, #00AA88, #4C65FD, #005B48, #020029)
- Tempered Lilac color palette (#E7F9FF, #00C1CB, #A174F0, #007177, #1F093A)
- Softworn Loft color palette (#DFFBFF, #00C5AA, #BB8800, #007463, #221600)
- Gentle Mint Lagoon color palette (#DBFFED, #00E6A4, #008B5F, #00422C, #000603)
- Tempered Pine color palette (#BAE9E5, #75DD8B, #D27FCC, #008638, #460644)
- Airy Seafoam color palette (#E2FAFF, #39F2E1, #AFB2FF, #009F93, #333458)
Browse the whole catalog at Explore, or see today's palette.