Stone Pier color palette — #EAF8FA · #A9B674 · #00604A · #003539 · #121D24

A conversation between Sage and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EAF8FA): bright and airy, almost weightless.
• Sage (#A9B674): A luminous, balanced green — the color of new leaves after rain.
• Pine (#00604A): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#003539): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#121D24): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Worn Apricot color palette (#E8F4F8, #E3A376, #006262, #0A2C34, #010F13)
• Clover Archive color palette (#EBF7FF, #5BBA61, #005069, #002B3A, #0D1322)
• Aged Drift color palette (#ECF7FC, #65BECA, #0076B2, #006C77, #192530)
• Cypress Studio color palette (#EEF9ED, #F4B48B, #008380, #304A2F, #1A251A)
• Teal Studio color palette (#E9F8FE, #FFC4C2, #58A3A9, #3D6A7A, #12252B)
• Emerald Canyon color palette (#D1E0EE, #47A267, #00395A, #001829, #040410)
• Softworn Boulevard color palette (#F0F6FA, #D7DAE3, #BBBFCF, #2F7F96, #40494F)
• Charred Market color palette (#D7F2FF, #2C7000, #362C30, #00181E, #000304)

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