Quiet Drift color palette — #EBFAF0 · #CCBB73 · #5A9C5F · #006A6A · #002E4C
Built around Fern, softened by Sand — the whole palette hums with nature and growth.
The five colors
- Ivory (#EBFAF0): A whisper-light, dusty teal — the color of shallow lagoons.
- Sand (#CCBB73): A luminous, balanced green — the color of fresh herbs.
- Fern (#5A9C5F): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#006A6A): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002E4C): 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 Quiet 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
- Lagoon Harbor color palette (#EAF9F6, #A4C793, #009F91, #006488, #242550)
- Hazy Cabin color palette (#DDFEF4, #7FAB00, #007D68, #00465B, #0B0044)
- Taupe Summit color palette (#EEF8F1, #B5EAE6, #A0A368, #986A50, #224030)
- Patina Pier color palette (#E5FCED, #B6E4E6, #95BBB2, #598996, #315869)
- Misty Dune color palette (#FEF1FB, #FCA399, #2DB990, #7176B3, #2E3556)
- Clover Loft color palette (#DCFDFB, #45CC77, #009095, #00548B, #29005B)
- Pale Ember color palette (#FFEEE5, #D96642, #007660, #1C426D, #1C193A)
- Hushed Workshop color palette (#FFF1F6, #D48B3F, #384C39, #2D161F, #0A0406)
Browse the whole catalog at Explore, or see today's palette.