Tempered Alley color palette — #F4F6EE · #C4E4E4 · #8BC6EA · #20A9C3 · #254B69
Cyan and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Silver (#C4E4E4): A whisper-light, dusty teal — the color of sea glass.
- Sky (#8BC6EA): A luminous, dusty blue — the color of deep harbor water.
- Cyan (#20A9C3): A luminous, balanced blue — the color of deep harbor water.
- Navy (#254B69): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Alley 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
- Hushed Teal color palette (#F5F6EF, #CEE2DD, #95D3DC, #49B6AB, #395142)
- Lagoon Grove color palette (#FBF3EE, #C0E8E8, #73AAE0, #008D89, #5C3B55)
- Softworn Petrol color palette (#EFF1E1, #68ADBA, #00819D, #005D5F, #000B12)
- Wandering Harbor color palette (#EAF4F3, #BDE2FB, #5B95B9, #2E6775, #192E41)
- Cobalt Studio color palette (#DFE3D7, #82B7DB, #0087DE, #006986, #001330)
- Turquoise Market color palette (#F6F6E7, #9FEAE3, #00C2C6, #009A81, #003B40)
- Tempered Cerulean Summit color palette (#EAEADA, #ACC9AC, #00A5B1, #007E70, #00242B)
- Apricot Lagoon color palette (#FCF6DA, #BDC57E, #45CDB6, #E98855, #3A3831)
Browse the whole catalog at Explore, or see today's palette.