Basalt Ridge color palette — #F4F7E8 · #D0DACB · #8BE6FD · #B0ACBB · #304500
Built around Deep Olive, softened by Ice Blue — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F7E8): a clean, paper-quiet neutral.
- Silver (#D0DACB): A whisper-light, dusty green — the color of a quiet forest floor.
- Ice Blue (#8BE6FD): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Ash (#B0ACBB): A luminous, dusty violet — the color of twilight just after sunset.
- Deep Olive (#304500): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged candy, vibrant, light, muted.
Use it as a design system
One click turns Basalt Ridge 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
- Tempered Canyon color palette (#E9FAEF, #ABE4E8, #C4BCC3, #B0B4FF, #1C3C34)
- Bronze Dune color palette (#F8F5EE, #BEE4D3, #8ABBA0, #A37F3D, #4E4800)
- Hushed Celadon color palette (#F8F5EA, #F9FD97, #E4DCD3, #87DED4, #3F4039)
- Weathered Mallow color palette (#F9F4EF, #C5DEED, #CEBBEF, #5B9F9E, #5C464F)
- Softworn Mint Courtyard color palette (#F7F8D9, #B0F6EC, #4CD1C0, #1E8692, #344F41)
- Tempered Teal Boulevard color palette (#E8F9F7, #C2EDCC, #A8D59E, #4AA8AD, #2D5457)
- Antique Teal Studio color palette (#F2F7ED, #B2F7DB, #FFB7AC, #5AAC8E, #4C4441)
- Patina Seafoam Studio color palette (#F0F4E2, #BBFBD4, #A0E0AA, #59A98D, #272E12)
Browse the whole catalog at Explore, or see today's palette.