Cobalt Terrace color palette — #F1E7DF · #96BEAA · #326CB3 · #004C42 · #14093D

Slate and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F1E7DF): bright and airy, almost weightless.
• Sage (#96BEAA): A luminous, dusty teal — the color of sea glass.
• Slate (#326CB3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#14093D): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Cobalt 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

• Cobalt Field color palette (#FFEEE4, #6DC9EB, #0072CF, #005345, #160A4A)
• Patina Bloom color palette (#F2E6E2, #77C2C2, #007695, #004F1B, #001630)
• Linen Forest Orchard color palette (#FFEDE8, #B8DAB9, #0090B7, #00672B, #00244C)
• Timeworn Alley color palette (#F7EAF1, #A4CAE3, #5287D1, #006D60, #2B235B)
• Dusty Denim Studio color palette (#ECDDD5, #4E96A2, #004F74, #002D1C, #01001E)
• Hushed Dune color palette (#F2E5D8, #587D9B, #28327A, #001F20, #020007)
• Plum Canyon color palette (#FFE0D9, #B5325C, #006F57, #005257, #1D0007)
• Linen Ridge color palette (#FFDEDD, #F7B3A4, #B2A05C, #6C5499, #300510)

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