Sapphire Terrace color palette — #F9EBE2 · #8AC0D4 · #0068BB · #003F34 · #020013

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#F9EBE2): bright and airy, almost weightless.
• Sky (#8AC0D4): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#0068BB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003F34): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Sapphire Terrace 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

• Spruce Canyon color palette (#F9EAE7, #82C5C3, #00728E, #00420F, #000309)
• Hushed Cobalt color palette (#FCF3EC, #A1D2F8, #5D73C7, #005151, #13002A)
• Navy Study color palette (#F8E7F0, #3D9CBB, #004A88, #003127, #0F0B36)
• Cobalt Thicket color palette (#DCE5DD, #7DBAD1, #008CCB, #006C70, #00132E)
• Coral Station color palette (#FFEAF6, #F3BEF7, #F38266, #00638F, #090010)
• Tempered Coast color palette (#D3EDF9, #007CDF, #3310CE, #380059, #040003)
• Worn Periwinkle Lantern color palette (#FAF4EF, #C3E0EE, #80A7E4, #008074, #2D284D)
• Byzantium Coast color palette (#FBE6FD, #9734A3, #715200, #504200, #030004)

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