Tempered Sand color palette — #E2F3EE · #E2C485 · #5E8CBA · #306056 · #001B16

Honey and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E2F3EE): a clean, paper-quiet neutral.
• Honey (#E2C485): A whisper-light, balanced gold — the color of old brass.
• Slate Blue (#5E8CBA): A luminous, balanced blue — the color of deep harbor water.
• Pine (#306056): A full-bodied, dusty teal — the color of sea glass.
• Ink (#001B16): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Sand 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 Cobalt color palette (#F7EAF5, #E1C58A, #7186BD, #6A4A64, #200F1E)
• Petrol Orchard color palette (#F9E9F8, #E2A573, #3E639C, #1D355A, #1F101F)
• Worn Workshop color palette (#EFF6FF, #F8C496, #38649F, #002655, #00040E)
• Tempered Ash color palette (#FBF2F5, #F1DCB0, #A795BE, #81636E, #34272C)
• Gentle Violet Corridor color palette (#FED8EA, #EFB403, #8666D7, #533E86, #1E0513)
• Hazy Plum Boulevard color palette (#ECD8D9, #DAB25B, #A65B91, #6A305B, #1A0306)
• Periwinkle Alley color palette (#FFF0FB, #85A9FF, #C67344, #5F7A20, #052817)
• Marigold Grove color palette (#F9E7F7, #CD9D24, #3965B3, #1C3767, #070007)

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