Basalt Ridge color palette — #F0F8EC · #63A797 · #41798F · #464F7F · #4A4400

Built around Deep Olive, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F8EC): a clean, paper-quiet neutral.
• Turquoise (#63A797): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#41798F): A full-bodied, dusty blue — the color of open sky before noon.
• Peacock (#464F7F): A full-bodied, dusty violet — the color of wild irises.
• Deep Olive (#4A4400): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged muted, cool.

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

• Muted Pewter Basin color palette (#F5F6EE, #CAE3DC, #83A388, #5F7755, #35523F)
• Cypress Canyon color palette (#F4F6EB, #7CA47D, #23807C, #1E5A7A, #3D3E64)
• Muted Aubergine color palette (#E4FDE3, #00908E, #005F93, #471E90, #043C06)
• Lagoon Garden color palette (#E7FDDC, #7FCEC3, #359695, #096E73, #3C5B44)
• Weathered Mulberry color palette (#F5F2E9, #A39E6F, #2D7E8E, #6E335F, #2D2800)
• Ash Lantern color palette (#ECFAEA, #B3CEB9, #7F9F8F, #826674, #634743)
• Faded Denim color palette (#E8FAF2, #4392B9, #5C5A9B, #66325E, #00423C)
• Hushed Mulberry color palette (#ECF9F1, #BEB27B, #4199B2, #924D7D, #514018)

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