Quiet Drift color palette — #F5F7E4 · #F9F07C · #ABF2A0 · #7ED3C1 · #383A33
Butter and Mint set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5F7E4): A whisper-light, dusty green — the color of fresh herbs.
- Butter (#F9F07C): A whisper-light, balanced green — the color of a quiet forest floor.
- Mint (#ABF2A0): A whisper-light, balanced green — the color of a quiet forest floor.
- Aqua (#7ED3C1): A luminous, balanced teal — the color of glacier melt.
- Charcoal (#383A33): quiet, heavy and certain.
Feels like: Nature, Growth, Softness, Clarity. Tagged candy, vibrant, light, pastel.
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
- Softworn Chartreuse color palette (#FDF5DD, #E0E1B0, #A8E191, #91CB9A, #43423B)
- Weathered Aqua color palette (#E6FAF6, #C5FBAB, #C4DFCB, #15CFD2, #0A3F2D)
- Seafoam Market color palette (#E9FBE7, #B3FFD1, #55F7F1, #87CDF6, #29452E)
- Hushed Bone color palette (#F9F5E9, #CBDEA1, #92B989, #9A8F73, #4C4300)
- Soft Orchard color palette (#E3F7F4, #C9EAA3, #74CF79, #00AB7D, #002712)
- Worn Grove color palette (#C3F5D0, #62EAB6, #2CC7AB, #469D95, #32523A)
- Hazy Lantern color palette (#EEF9EA, #5FE5D3, #FA9EBB, #1EB6A5, #5C3732)
- Soft Market color palette (#DBFEE3, #28F6D0, #0CD8F0, #6BB0FF, #002734)
Browse the whole catalog at Explore, or see today's palette.