Stone Drift color palette — #EDF8F3 · #B5B36A · #395D52 · #1E2F27 · #0C110E

Sage and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF8F3): a clean, paper-quiet neutral.
• Sage (#B5B36A): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#395D52): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#1E2F27): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0C110E): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Stone 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

• Apricot Boulevard color palette (#FFF1F6, #E69B5C, #465B45, #34272C, #120E10)
• Antique Mustard color palette (#E7F6EE, #C7BB33, #69817D, #4B5851, #1E231E)
• Timeworn Teal Hollow color palette (#E7F9FB, #1AB796, #254D55, #0E2224, #020607)
• Patina Study color palette (#E5F7ED, #887F38, #264240, #1E2C25, #1F1615)
• Moss Dune color palette (#DDFEF5, #70A500, #1B4718, #001A15, #000201)
• Antique Basin color palette (#E2FBFA, #97DFB3, #5ECAEF, #B6A060, #253D3D)
• Shadow Bloom color palette (#DBEDED, #00724C, #2E2A30, #001711, #000202)
• Stone Ridge color palette (#ECF8F5, #C3DBF4, #89BC99, #6F8F7B, #384A48)

Browse the whole catalog at Explore, or see today's palette.