Tempered Ridge color palette — #F3EEE6 · #A7CFBC · #3A8DCA · #006B73 · #102C58

Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F3EEE6): a clean, paper-quiet neutral.
• Pistachio (#A7CFBC): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#3A8DCA): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006B73): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#102C58): A deep, shadowed, balanced blue — the color of open sky before noon.

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

Use it as a design system

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

• Periwinkle Balcony color palette (#FAF4EB, #B6DFD1, #6798D6, #00798D, #2E385C)
• Azure Orchard color palette (#EAFAED, #CEE1FF, #4299DA, #006971, #091D3D)
• Tempered Petrol Studio color palette (#E9E2D5, #77C1BC, #008490, #005C42, #00242E)
• Weathered Sapphire Alley color palette (#F7ECE4, #83BAD3, #0064CB, #005146, #2B294C)
• Periwinkle Alley color palette (#F7EBF0, #97DFFD, #5EA7FF, #1A927F, #292850)
• Chalky Ultramarine color palette (#F0EAE0, #7396B6, #1A51B2, #003948, #05002C)
• Weathered Archive color palette (#F0D8D4, #D35282, #708500, #0070A6, #3D061E)
• Cerulean Atelier color palette (#F8F5EF, #CBE7E8, #94B5D7, #3795A4, #614A5E)

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